import { motion } from "framer-motion"

export default function ChatBox() {
  return (
    <motion.div
      className="h-96 overflow-y-scroll scrollbar-thin scrollbar-thumb-blue-400 p-4"
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
    >
      {[...Array(30)].map((_, i) => (
        <div key={i} className="mb-2 bg-gray-100 p-2 rounded">
          Message {i + 1}
        </div>
      ))}
    </motion.div>
  )
}
